﻿@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"; font-size:14px;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#7f7f7f; text-decoration:none;}
a:hover { color:#ff9300; text-decoration:none;}

/* 头部 */
.top-box{ width:100%; height:175px;}
.top-t{ width:100%; height:40px;}
.t-con{ width:1200px; height:40px; overflow:hidden; margin:0 auto;}
.td-l{ width:600px; line-height:40px; color:#fff; float:left;}
.td-r{ width:232px; padding:0 0 0 368px; overflow:hidden; float:left;}
.td-r ul{ width:242px;}
.td-r h3{ line-height:40px; color:#fff; float:left;}
.td-r li{ width:18px; height:40px; margin:0 10px 0 0; cursor:pointer; float:left;}
.top-j{ width:1200px; height:127px; overflow:hidden; margin:0 auto;}
.logo-box{ width:600px; height:127px; float:left;}
.t-ico{ width:600px; height:127px; float:left;}
.ico-dh{ width:205px; font-size:24px; line-height:24px; padding:40px 0 0 105px; color:#7f7f7f; float:left;}
.ico-dh p{ font-size:18px;}
.ico-u{ width:290px; height:127px; overflow:hidden; float:left;}
.ico-u ul{ width:291px;}
.ico-u li{ width:96px; text-align:center; padding:79px 0 0 0; margin:0 0 0 1px; float:left;}


/* 导航 */
.menu-box{ width:100%; height:45px;}
.nav{ width:1200px; height:45px; line-height:45px; position:relative; z-index:1; margin:0 auto;}
.nav a{ color:#fff;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ width:133px; text-align:center; float:left;}
.nav .nLi h3 a{ display:block;}
.nav .sub{ display:none; width:133px; left:0; top:45px; position:absolute; text-align:center; line-height:45px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ color:#fff;}
.nav .on h3 a{ color:#fff;}

/* banner */
.banner-box{ min-width:1000px; height:460px; position:relative;}
.banner-box .banner{ position:relative; z-index:0;}
.banner-box .banner ul{ width:100% !important;}
.banner-box .banner li{ width:100% !important; height:460px;}
.banner-box .banner li a{ position:absolute; width:100%; height:460px; display:block; z-index:1;}
.banner-box .dn{ width:100%; position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px; text-align:center;}
.banner-box .dn ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:4px; background:#fff; border-radius:14px; overflow:hidden; line-height:9999px; filter:alpha(opacity=100);opacity:1;}
.banner-box .dn ul .on{ filter:alpha(opacity=100);opacity:1;}

/* 搜索 */
.search-box{ width:1200px; height:36px; padding:0 0 20px 0; overflow:hidden; border-bottom:1px solid #efefef; margin:20px auto 0 auto;}
.ss-l{ width:650px; height:36px; line-height:36px; overflow:hidden; float:left; color: #7f7f7f;}
.ss-l h3{ float:left;}
.ss-l a{ padding:0 20px 0 0; float:left;}
.ss-r{ width:465px; position:relative; overflow:hidden; float:right;}
.ss-r input { width:415px; background:#efefef; height:36px; border:0; padding:0 0 0 10px;}
.ss-r .go { position:absolute; display:block; top:0; right:0; width:40px; height:36px; cursor:pointer;}

/* 关于我们&新闻动态 */
.usne-box{ width:1200px; overflow:hidden; margin:50px auto 0 auto;}
.us-box{ width:750px; height:345px; overflow:hidden; margin:0 20px 0 0; float:left;}
.us-tu{ width:290px; height:320px; padding:0 25px 25px 0; background:url(../img/ustu-bg.jpg) right bottom no-repeat; overflow:hidden; float:left;}
.us-con{ width:415px; height:345px; color:#7f7f7f;  margin:0 0 0 20px; overflow:hidden; float:left;}
.us-tit{ height:37px; font-size:18px; color:#ccc; padding:0 0 0 35px; line-height:19px; overflow:hidden;}
.us-tit p{ color:#000; font-size:18px;}
.us-wz{ margin:20px auto; height:238px; line-height:30px; overflow:hidden;}
.us-more{ width:90px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 325px 0 0;}
.us-more a{ width:90px; height:30px; color:#fff; display:block;}
.ne-box{ width:430px; height:345px; overflow:hidden; float:left;}
.ne-box .hd{ width:426px; height:36px;}
.ne-box .hd li{ width:146px; height:36px; line-height:36px; text-align:center; float:left;}
.ne-box .hd li a{ text-decoration:none; display:block;}
.ne-box .hd span{ width:126px; height:36px; line-height:36px; text-align:center; float:left;}
.ne-box .bd{ padding:5px 0 0 0;}
.ne-box .bd li{ height:41px; line-height:41px; border-bottom:1px dashed #ccc; background:url(../img/dian.jpg) center left no-repeat; padding:0 0 0 21px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ne-box .bd li span{ float:right; color:#7f7f7f;}

/* 联系我们 */
.lx-box{ width:1200px; height:240px; margin:50px auto 0 auto;}
.lx-l{ width:550px; height:240px; float:left;}
.lx-l img{ width:550px; height:240px;}
.lx-r{ width:650px; height:240px; position:relative; float:left;}
.lx-r .kf{ width:200px; height:320px; position:absolute; top:-80px; right:10px;}
.lx-ico{ height:30px; color:#fff; padding:2px 0 0 42px; font-size:30px; font-style:italic; position:absolute; top:30px; left:40px;}
.lx-ico span{ font-size:24px;}
.lx-wz{ position:absolute; top:70px; left:50px; color:#fff; line-height:24px; width:400px;}
.lx-an{ position:absolute; left:170px; bottom:30px; text-align:center;}
.lx-an a{ width:120px; height:32px; line-height:32px; text-align:center; display:block; text-decoration:none;}

/* 产品展示 */
.cp-box{ width:1200px; overflow:hidden; margin:50px auto 0 auto;}
.cp-tit{ height:30px; line-height:30px; text-align:center; font-size:30px; background:url(../img/cp-tit.jpg) center no-repeat; overflow:hidden;}
.cp-tit span{ font-size:30px; color:#cfcfcf; margin:0 5px 0 0;}
.fl-box{ width:232px; height:402px; margin:20px 20px 0 0; overflow:hidden; overflow:hidden; float:left;}
.fl-tit{ height:85px; font-size:24px; line-height:30px; text-align:center; background:#ff9300; padding:23px 0 0 0;}
.fl-tit p{ font-size:24px;}
.fl-con{ width:228px; height:275px; position:relative;}
.fl-con li{ width:208px; height:36px; line-height:36px; text-align:center; margin:12px auto 0 auto; overflow:hidden;}
.fl-con li a{ width:208px; height:36px; display:block;}
.cp-more{ width:208px; height:36px; line-height:36px; text-align:center; position:absolute; bottom:-17px; left:10px;}
.cp-con{ width:948px; height:402px; margin:20px 0 0 0; overflow:hidden; float:left;}
.cp-con ul{ width:968px; height:422px;}
.cp-con li{ width:210px; height:179px; padding:5px; border:1px solid #ececec; margin:0 20px 20px 0; overflow:hidden; float:left;}
.cp-con li .c-tu{ width:210px; height:144px; overflow:hidden;}
.cp-con li .c-tu a{ color:#fff; -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.cp-con li .c-tu a:hover{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.cp-con li .c-tit{ width:210px; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0;}

/* 案例展示 */
.al-box{ width:1200px; overflow:hidden; margin:50px auto 0 auto;}
.al-tit{ height:30px; line-height:30px; text-align:center; font-size:30px; background:url(../img/al-tit.jpg) center no-repeat; overflow:hidden;}
.al-tit span{ font-size:30px; color:#cfcfcf; margin:0 5px 0 0;}
.al-con{ width:1200px; height:191px; overflow:hidden; margin:20px 0 0 0; position:relative;}
.al-con .next{ width:54px; height:60px; margin:65px 20px 66px 0; overflow:hidden; cursor:pointer; float:left;}
.al-con .prev{ width:54px; height:60px; margin:65px 0 66px 20px; overflow:hidden; cursor:pointer; float:left;}
.al-con .bd{ width:1052px; height:191px; overflow:hidden; float:left;}
.al-con li{ width:210px; height:179px; padding:5px; border:1px solid #ececec; margin:0 20px 20px 0; overflow:hidden; float:left;}
.al-con li .c-tu{ width:210px; height:144px; overflow:hidden;}
.al-con li .c-tu a{ color:#fff; -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.al-con li .c-tu a:hover{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.al-con li .c-tit{ width:210px; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0;}

/* 底部 */
.foot-box{ width:100%; margin:50px 0 0 0;}
.link-box{ width:100%; height:40px;}
.link-con{ width:1200px; height:40px; line-height:40px; margin:0 auto;}
.link-con h3{ color:#fff; float:left;}
.link-con a{ color:#fff; margin:0 10px 0 0; float:left;}
.foot-con{ width:100%; height:230px;}
.foot-cc{ width:1200px; height:230px; overflow:hidden; margin:0 auto;}
.foot-l{ width:818px; height:230px; margin:30px 140px 0 0; float:left;}
.foot-menu{ padding:0 20px;}
.foot-menu-con{ width:778px; overflow:hidden;}
.foot-menu-con ul{ width:783px;}
.foot-menu-con li{ width:82px; height:50px; line-height:50px; font-size:14px; text-align:center; padding:0 5px 0 0; float:left;}
.foot-menu-con li a{ color:#fff; height:50px; display:block;}
.foot-menu-con li a:hover{ color:#fff; height:50px; text-decoration:none; display:block;}
.foot-wz{ color:#fff; line-height:28px; height:112px; padding:15px 0 0 0; overflow:hidden;}
.foot-wz a{ color:#fff;}
.foot-r{ width:240px; height:190px; margin:20px 0; float:left;}
.foot-r p{ color:#fff; text-align:center; margin:20px 0;}
.foot-r img{ width:97px; height:97px; display:block; margin:0 auto;}

/*右侧悬浮导航*/
.fixed-right-nav{ position:fixed; z-index:50;right:50%; margin-right:-688px; top:60%; margin-top:-100px; width:78px; text-align:center; opacity:.9;}
.fixed-right-nav a{ display:block; height:50px; border-radius:2px; margin-bottom:2px; background:#939393; overflow:hidden; color:#fff; text-decoration:none;}
.fixed-right-nav a:hover{ text-decoration:none;}
.fixed-right-nav .backtop i{ display:block; width:29px; height:17px; margin:17px auto 0; background:url(../img/ico.png!c) no-repeat -42px -116px;}
.fixed-right-nav .msg i{ display:block; width:16px; height:17px; margin:9px auto 0; background:url(../img/ico.png!c) no-repeat -48px -45px;}
.fixed-right-nav .decora i{ display:block; width:18px; height:18px; margin:8px auto 0; background:url(../img/ico.png!c) no-repeat -47px -68px;}
.fixed-right-nav .qrcode i{ display:block; width:18px; height:18px; margin:15px auto 0; background:url(../img/ico.png!c) no-repeat -47px -91px;}
.fixed-right-nav .qrcodePic{ position:absolute; bottom:2px; visibility:hidden;right:80px; width:150px; height:150px;transform:scale(0);-webkit-transform:scale(0);transition:all ease .3s;-webkit-transition:all ease .3s;transform-origin:right bottom;-webkit-transform-origin:right bottom;cursor:default}
.fixed-right-nav .qrcode:hover .qrcodePic{ visibility:visible;transform:scale(1);-webkit-transform:scale(1);}
@media(max-width:1410px){
	.fixed-right-nav{ right:0; margin-right:0;}	
}

/* 内页 */
.n-box{ width:1200px; overflow:hidden; margin:0 auto;}
.n-l{ width:232px; margin:20px 20px 0 0; float:left;}
.n-r{ width:948px; margin:20px 0 0 0; float:left;}

.n-cont{ line-height:30px; background:#f5f5f5; padding:20px;}
.n-cont img{ display:block; margin:20px auto 10px auto; max-width:100%; height:auto !important;}
.con_title{text-align:center; font-size:20px; margin-top:10px;}
.author{ text-align:center; font-size:12px; border-bottom:#c8c8c8 dashed 1px; height:28px; line-height:28px; margin:5px 0px 10px 0px;}
.n-zb{ height:40px; line-height:40px; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.n-zb a{ color:#000;}
.fy{ margin:30px 0 0 0; border-top:1px dashed #c8c8c8; padding:7px 0 0 10px; line-height:30px;}

.l-b{ overflow:hidden;}
.n-lx{ width:232px; height:370px; margin:20px 0 0 0; position:relative; overflow:hidden;}

.n-lx-ico{ height:40px; line-height:20px; color:#fff; padding:0 0 0 42px; font-size:24px; font-style:italic; position:absolute; top:20px; left:20px;}
.n-lx-ico p{ font-size:18px;}
.n-lx-wz{ position:absolute; top:70px; left:20px; width:192px; color:#fff; line-height:24px;}
.n-lx-an{ position:absolute; left:20px; top:300px; text-align:center;}
.n-lx-an a{ width:90px; height:32px; line-height:32px; text-align:center; display:block; text-decoration:none;}

.lb-tit{ height:45px; line-height:45px; text-align:center;}
.er-fl{ border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:10px 10px 0 10px;}
.er-fl li{ height:36px; line-height:36px; text-align:center; background:#f5f5f5; margin:0 0 10px 0;}
.er-fl li a{ display:block;}
.er-fl li a:hover{ color:#fff; text-decoration:none;}

.n-tu{ width:948px; overflow:hidden;}
.n-tu ul{ width:968px; height:422px;}
.n-tu li{ width:210px; height:179px; padding:5px; border:1px solid #ececec; margin:20px 20px 0 0; overflow:hidden; float:left;}
.n-tu li .c-tu{ width:210px; height:144px; overflow:hidden;}
.n-tu li .c-tu a{ color:#fff; -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-tu li .c-tu a:hover{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.n-tu li .c-tit{ width:210px; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0;}

.pageListNav{ margin:20px auto 0 auto; text-align:center;}
.pageListNav a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#858585; margin:0 5px 0 0; border:1px solid #d6d6d6; border-radius:3px 3px;}
.pageListNav a:hover{ color:#fff; text-decoration:none;}
.pageListNav span{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#ffffff; margin:0 5px 0 0; border:1px solid #d6d6d6; border-radius:3px 3px; background:#bb3d17;}
.pageListNav .ym{ width:27px; padding:0 15px; text-align:center; height:18px; margin:8px 5px 0 0; border:1px solid #d6d6d6;}

.n-fl{ width:228px; padding:0 0 12px 0; position:relative;}
.n-fl li{ width:208px; height:36px; line-height:36px; text-align:center; margin:12px auto 0 auto; overflow:hidden;}
.n-fl li a{ width:208px; height:36px; display:block;}

.n-lb{ margin:0 0 20px 0; overflow:hidden;}
.n-lb li{ height:41px; line-height:41px; border-bottom:1px dashed #ccc; background:url(../img/dian.jpg) center left no-repeat; padding:0 0 0 21px;}
.n-lb li span{ color:#7f7f7f; float:right;}

/* 留言板 */
.lyb-box{ background:#f5f5f5; padding:20px; margin:20px 0 0 0; overflow:hidden;}
.oinput1{ border:1px solid #ccc; height:20px; line-height:20px; width:370px; color:#444; background:#fff;}
.oinput2{ border:1px solid #ccc; height:20px; line-height:20px; width:370px; color:#444; background:#fff;}
.textarea1{ border:1px solid #ccc; color:#444; background:#fcfcfc; font-size:14px; margin-top:5px;}
.mesage_ask{ line-height:1.8; background:#eee; padding:5px 10px; margin-top:10px; font-size:12px; color:#191919;}
.mesage_ask p{ margin:0;}
.mesage_replay{padding:5px 10px; line-height:1.8; font-size:14px;}
.mesage_replay p{ margin:0;}
.admin{ color:#a40101;}